<!DOCTYPE html>
<html lang="en">
<head>
	<link rel="icon" type="image/png" href="{{base_url}}/images/logo.png">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{navSub.cate.name}}-要闻快报-{{site.name}}</title>
    <link rel="stylesheet" href="{{base_url}}/css/Imp2.css">
	<style>
		.active{
		    color: blue;
		}
	</style>
</head>
<body>
    {{include './common/header_en.html'}}
    <div class="banner">
        <img src="{{base_url}}/images/image6.png" alt="">
    </div>
    <div class="brand">
        <div class="left">
            <h2>News Brief</h2>
            <ul>
				{{if navSub.cate.pinyin == 'yixianchuansheng'}}
					<li class="btn1"><a style="color:blue" href="/Important/yixianchuansheng/enindex.html">Voice Transmission</a></li>
					{{else}}
					<li class="btn1"><a href="/Important/yixianchuansheng/enindex.html">Voice Transmission</a></li>
				{{/if}}
                {{if navSub.cate.pinyin == 'shishixinwen'}}
					<li class="btn2"><a style="color:blue" href="/Important/shishixinwen/enindex.html">Current Affairs News</a></li>
					{{else}}
					<li class="btn2"><a href="/Important/shishixinwen/enindex.html">Current Affairs News</a></li>
				{{/if}}
                {{if navSub.cate.pinyin == 'gongsidongtai'}}
					<li class="btn3"><a style="color:blue" href="/Important/gongsidongtai/enindex.html">Company Dynamics</a></li>
					{{else}}
					<li class="btn3"><a href="/Important/gongsidongtai/enindex.html">Company Dynamics</a></li>
				{{/if}}
                {{if navSub.cate.pinyin == 'shibinzhuanqu'}}
					<li class="btn4"><a style="color:blue" href="/yaowenkuaibao/shibinzhuanqu/enindex.html">Video Zone</a></li> 
					{{else}}
					<li class="btn4"><a href="/yaowenkuaibao/shibinzhuanqu/enindex.html">Video Zone</a></li> 
				{{/if}}
            </ul>
        </div>
		<div class="right">
            <div class="brand_item1" style="display: block;">
                <p>>{{each position}}
                	{{if $index < position.length-1}}
                		<a href="{{$value.path}}/enindex.html">{{$value.name_en}}</a> >
                		{{else}}
                		<a  href="{{$value.path}}/enindex.html">{{$value.name_en}}</a>
                	{{/if}}
                {{/each}}</p>
				
				{{if navSub.cate.name == '要聞快報'}}
					 {{@ frag['yaowenkuaibaoyingwen']}}
				{{/if}}
				
			{{if navSub.cate.pinyin == 'yixianchuansheng'}}
			
			    <div style="display:flex;flex-wrap:wrap;">
				{{if data.list.length>0}}
					{{each data.list}}
					
					<div class="nusl">
						<a href="{{$value.path}}/enarticle-{{$value.id}}.html">
						<div class="container">
							{{if $value.img}}
								<img src="{{$value.img}}" alt="{{$value.title_en}}" title="{{$value.title_en}}">
							{{else}}
								<img src="{{base_url}}/images/a1.png" alt="">
							{{/if}}
							<div><span>Voice Transmission</span></div>
						</div>
						<div class="cent">
							<div class="brand_item1_kuanga">
								{{$value.title_en}}
							</div>
							<div class="brand_item1_kuangab">
								{{@ $value.description_en}}
							</div>
						</div>
						</a>
					</div>
					
					{{/each}}
				{{else}}
					无
				{{/if}}
				</div>
				
			{{/if}}
			
			
			{{if navSub.cate.pinyin == 'shishixinwen'}}
				<h2>{{navSub.cate.name_en}}</h2>
				{{if data.list.length>0}}
					<div class="kuangkaung">
					{{each data.list}}
					<div style="font-size: 14px;padding: 1%;">
						<a href="{{$value.path}}/enarticle-{{$value.id}}.html">
							<h3>{{$value.title_en}}</h3>
							<p>{{@ $value.description_en}}</p>
						</a>
						<hr style="width: 100%; margin-top: 10px; margin-bottom: 10px;">
					</div>						
					{{/each}}
					</div>
				{{else}}
				{{/if}}
			{{/if}}
			
			{{if navSub.cate.pinyin == 'gongsidongtai'}}
				<h2>{{navSub.cate.name_en}}</h2>
				{{if data.list.length>0}}
					<div class="kuangkaung">
					{{each data.list}}
					<div style="font-size: 14px;padding: 1%;">
						<a href="{{$value.path}}/enarticle-{{$value.id}}.html">
							<h3>{{$value.title_en}}</h3>
							<p>{{@ $value.description_en}}</p>
						</a>
						<hr style="width: 100%; margin-top: 10px; margin-bottom: 10px;">
					</div>						
					{{/each}}
					</div>
				{{else}}
				{{/if}}
			{{/if}}
			
			{{if navSub.cate.pinyin == 'shibinzhuanqu'}}
				<h2>{{navSub.cate.name_en}}</h2>
				{{if data.list.length>0}}
					{{each data.list}}
					<div class="video">
						<a href="{{$value.path}}/enarticle-{{$value.id}}.html">
						<div class="videsrc">
							{{if $value.img}}
								<img style="width: 300px;height: 250px;" src="{{$value.img}}" alt="{{$value.title_en}}" title="{{$value.title_en}}">
							{{else}}
								<img style="width: 300px;height: 250px;" src="{{base_url}}/images/a1.png" alt="">
							{{/if}}
						</div>
						<div>
							<span>{{$value.title_en}}</span>
						</div>
						</a>
					</div>
					{{/each}}
				{{else}}
				{{/if}}
			{{/if}}
			
			{{if data.list.length>0 && navSub.cate.pinyin != 'yaowenkuaibao'}}
			<style>
				.pagenum{
					width: 100%;
					display: flex;
					flex-wrap: nowrap;
					justify-content: space-around;
					color: black;
				}
				.pagenum li{
					
				}
			</style>
			
			<ul class="pagenum">
				{{@ pageHtml}}
			</ul>
			{{/if}}
			</div>
			
		</div>
	</div>
    </div>
	
				
    {{include './common/footer_en.html'}}

</body>
<script>
    document.querySelector('header').addEventListener('mouseover', function() {
        document.querySelector('.submenu').style.display = 'block';
    });

    document.querySelector('header').addEventListener('mouseout', function() {
        document.querySelector('.submenu').style.display = 'none';
    });
</script>
<script>
</script>
</html>